<template>
    <div class="video-res">
        <VideoListItem v-for="item in videos" :key="item.id" :video="item"/>
    </div>
</template>
<script>
import VideoListItem from './VideoListItem.vue'
export default {
    name: "VideoList",
    props: {
        videos: {
            type: Array,
            default() {
                return [];
            }
        }
    },
    data() {
        return {};
    },
    methods: {},
    created() {
    },
    components: { VideoListItem }
}
</script>
<style lang="less" scoped>
    .video-res{
        display: flex;
        flex-wrap: wrap;
    }
</style>